html, body {
  height: 100%;
}

#root {
  height: 100%;
}

.layout-container {
  .sider-container {
    .logo {
      height: 64px;
      display: flex;
      justify-content: center;
      flex-direction: row;
      align-items: center;
      box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
      margin-bottom: 10px;
      img{
        width: 100%;
        padding: 0 5px;
      }
    }
    .nav-icon {
      height: 100%;
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      width: 24px;
      margin-left: -4px!important;
    }
    .ant-menu-item-selected {
      .svg-container {
        path {
          fill: #1296db;
          transition: ease .5s;
        }
      }
    }
    .ant-menu-item {
      a {
        display: contents;
      }
    }
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .header-container {
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  .content-container {
    min-height: calc(100vh - 128px);
    .inner-content-container {
      background-color: #fff;
      margin: 20px;
    }
  }
  .footer-container {
    background-color: #ffffff;
    height: 64px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
  }
  button.link,a.link,span.link {
    color: #0783c1;
    background-color: transparent;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}